export default {
    "type": "page",
    "title": "报表页面",
    "body": [
        {
            "type": "cards",
            "data": {
                "items": [
                    {
                        "a": 1,
                        "b": 2
                    },
                    {
                        "a": 3,
                        "b": 4
                    }
                ]
            },
            "columnsCount": 2,
            "card": {
                "type": "card",
                "className": "m-b-none",
                "header": {
                    "title": "标题",
                    "subTitle": "副标题"
                },
                "body": [
                    {
                        "name": "a",
                        "label": "A"
                    },
                    {
                        "name": "b",
                        "label": "B"
                    }
                ],
                "actions": [
                    {
                        "label": "详情",
                        "type": "button"
                    }
                ]
            },
        },
        {
            "type": "chart",
            "config": {
                "series": [
                    {
                        "data": [
                            320,
                            302,
                            301,
                            334,
                            390,
                            330,
                            320
                        ],
                        "type": "bar",
                        "name": "Direct",
                        "label": {
                            "show": true
                        },
                        "stack": "total",
                        "emphasis": {
                            "focus": "series"
                        }
                    },
                    {
                        "name": "Mail Ad",
                        "type": "bar",
                        "label": {
                            "show": true
                        },
                        "data": [
                            120,
                            132,
                            101,
                            134,
                            90,
                            230,
                            210
                        ],
                        "stack": "total",
                        "emphasis": {
                            "focus": "series"
                        }
                    },
                    {
                        "name": "Affiliate Ad",
                        "type": "bar",
                        "stack": "total",
                        "label": {
                            "show": true
                        },
                        "emphasis": {
                            "focus": "series"
                        },
                        "data": [
                            220,
                            182,
                            191,
                            234,
                            290,
                            330,
                            310
                        ]
                    },
                    {
                        "name": "Video Ad",
                        "type": "bar",
                        "stack": "total",
                        "label": {
                            "show": true
                        },
                        "emphasis": {
                            "focus": "series"
                        },
                        "data": [
                            150,
                            212,
                            201,
                            154,
                            190,
                            330,
                            410
                        ]
                    },
                    {
                        "name": "Search Engine",
                        "type": "bar",
                        "stack": "total",
                        "label": {
                            "show": true
                        },
                        "emphasis": {
                            "focus": "series"
                        },
                        "data": [
                            820,
                            832,
                            901,
                            934,
                            1290,
                            1330,
                            1320
                        ]
                    }
                ],
                "tooltip": {
                    "trigger": "axis",
                    "axisPointer": {
                        "type": "shadow"
                    }
                },
                "legend": {},
                "grid": {
                    "left": "3%",
                    "right": "4%",
                    "bottom": "3%",
                    "containLabel": true
                },
                "xAxis": {
                    "type": "value"
                },
                "yAxis": {
                    "type": "category",
                    "data": [
                        "Mon",
                        "Tue",
                        "Wed",
                        "Thu",
                        "Fri",
                        "Sat",
                        "Sun"
                    ]
                }
            },
            "replaceChartOption": true,
            "className": "m-lg"
        },
        {
            "type": "grid",
            "columns": [
                {
                    "body": [
                        {
                            "type": "chart",
                            "config": {
                                "series": {
                                    "type": "bar",
                                    "data": [
                                        2,
                                        1.2,
                                        2.4,
                                        3.6
                                    ],
                                    "coordinateSystem": "polar",
                                    "label": {
                                        "show": true,
                                        "position": "middle",
                                        "formatter": "{b}: {c}"
                                    }
                                },
                                "tooltip": {},
                                "title": [
                                    {
                                        "text": "Tangential Polar Bar Label Position (middle)"
                                    }
                                ],
                                "polar": {
                                    "radius": [
                                        30,
                                        "80%"
                                    ]
                                },
                                "angleAxis": {
                                    "max": 4,
                                    "startAngle": 75
                                },
                                "radiusAxis": {
                                    "type": "category",
                                    "data": [
                                        "a",
                                        "b",
                                        "c",
                                        "d"
                                    ]
                                }
                            },
                            "replaceChartOption": true,
                        }
                    ],
                },
                {
                    "body": [
                        {
                            "type": "chart",
                            "config": {
                                "xAxis": [
                                    {
                                        "type": "category",
                                        "data": [
                                            "Mon",
                                            "Tue",
                                            "Wed",
                                            "Thu",
                                            "Fri",
                                            "Sat",
                                            "Sun"
                                        ],
                                        "axisPointer": {
                                            "type": "shadow"
                                        }
                                    }
                                ],
                                "yAxis": [
                                    {
                                        "type": "value",
                                        "name": "Precipitation",
                                        "min": 0,
                                        "max": 250,
                                        "interval": 50,
                                        "axisLabel": {
                                            "formatter": "{value} ml"
                                        }
                                    },
                                    {
                                        "type": "value",
                                        "name": "Temperature",
                                        "min": 0,
                                        "max": 25,
                                        "interval": 5,
                                        "axisLabel": {
                                            "formatter": "{value} °C"
                                        }
                                    }
                                ],
                                "series": [
                                    {
                                        "data": [
                                            2,
                                            4.9,
                                            7,
                                            23.2,
                                            25.6,
                                            76.7,
                                            135.6,
                                            162.2,
                                            32.6,
                                            20,
                                            6.4,
                                            3.3
                                        ],
                                        "type": "bar",
                                        "name": "Evaporation",
                                        "tooltip": {}
                                    },
                                    {
                                        "name": "Precipitation",
                                        "type": "bar",
                                        "tooltip": {},
                                        "data": [
                                            2.6,
                                            5.9,
                                            9,
                                            26.4,
                                            28.7,
                                            70.7,
                                            175.6,
                                            182.2,
                                            48.7,
                                            18.8,
                                            6,
                                            2.3
                                        ]
                                    },
                                    {
                                        "name": "Temperature",
                                        "type": "line",
                                        "yAxisIndex": 1,
                                        "tooltip": {},
                                        "data": [
                                            2,
                                            2.2,
                                            3.3,
                                            4.5,
                                            6.3,
                                            10.2,
                                            20.3,
                                            23.4,
                                            23,
                                            16.5,
                                            12,
                                            6.2
                                        ]
                                    }
                                ],
                                "tooltip": {
                                    "trigger": "axis",
                                    "axisPointer": {
                                        "type": "cross",
                                        "crossStyle": {
                                            "color": "#999"
                                        }
                                    }
                                },
                                "toolbox": {
                                    "feature": {
                                        "dataView": {
                                            "show": true,
                                            "readOnly": false
                                        },
                                        "magicType": {
                                            "show": true,
                                            "type": [
                                                "line",
                                                "bar"
                                            ]
                                        },
                                        "restore": {
                                            "show": true
                                        },
                                        "saveAsImage": {
                                            "show": true
                                        }
                                    }
                                },
                                "legend": {
                                    "data": [
                                        "Evaporation",
                                        "Precipitation",
                                        "Temperature"
                                    ]
                                }
                            },
                            "replaceChartOption": true,
                        }
                    ],
                }
            ],
            "subFormMode": "normal"
        }
    ],
}